    
    #box {
        width: 100%;
        background-color: #FFFFCC;
        border: 1px solid #e9e9e9;
        border-top: none;
    }

    #box>p {
        width: 1200px;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        margin: 0 auto;
    }

    #top {
        width: 100%;
        height: 30px;
        background-color: #F7F7F7;
        border: 1px solid #e9e9e9;
        border-top: none;
    }
    #top .top-count{
        width: 1200px;
        margin: 0 auto;
    }
    #top .home {
        margin: 0 auto;
        line-height: 30px;
        display: inline-block;
    }

    #top .top-fr {
        display: inline-block;
        line-height: 30px;
    }

    #top .top-fr ul {
        display: flex;
    }
    #top .top-fr ul li{
        margin-left: 10px;
        margin-right: 10px;
        font-size: 14px;
    }
    #top .top-fr ul li:last-child a{
         color: red;
     }
    
    #logo{
        width: 1200px;
        height: 100px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #logo .ipt{
        width: 450px;
        height: 40px;
        background-color: #C7181D;
        display: flex;
        align-items: center;
        
    }
    #logo .ipt input{
        width: 350px;
        height: 32px;
        border: none;
        margin-left: 4px;
        text-indent: 10px;
    }
    #logo .ipt>i{
        font-size: 24px;
        margin-left: 30px;
        color: #FFFFFF;
    }
    #logo .shopping{
        border: 1px solid #999;
    }
    #logo .shopping ul li{
        display: inline-block;
        margin-right: 15px;
        padding: 5px 5px;
        color: #E9E9E9;
    }
    #logo .shopping li>a{
        font-size: 14px;
        color: #999;
        margin-left: 5px;
    }
    #nav{
        width: 100%;
        background-color: #A71B1B;
    }
    #nav ul{
        width: 1200px;
        margin: 0 auto;
        display: flex;
    }
    #nav ul li{
        height: 45px;
        line-height: 45px;
        color: #FFFFFF;
        padding: 0 30px;
    }
    #nav ul li:hover{
        background-color: #781313;
    }
    #banner {
        width: 100%;
        height: 470px;
        background-color: #D12E14;
    }
    #banner .swiper{
        width: 1200px;
        margin: 0 auto;
    }
    #banner #more{
        width: 1200px;
        margin: 0 auto;
    }
    #banner #more .more-con{
        height: 470px;
        position: absolute;
    }
    #banner #more .more-con li{
        width: 180px;
        height: 36px;
        line-height: 34px;
        text-align: center;
        background-color: #F8EEF0;        
    }
    #banner .more-con li a{
        font-size: 14px;
        
    }
    #banner #more .more-con li:hover{
        background-color: #FFFFFF;
        box-shadow: -1px 2px 1px 0 #c1c1c1;
        position: relative;
    }
    #banner #more .more-con li:hover a{
        color: red;        
    }
    #cont>ul{
        width: 1200px;
        height: 70px;
        margin: 0 auto;
        background-color: #FFFFFF;
        display: flex;
    }
    #cont>ul li{
        width: 150px;
        line-height: 70px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #cont>ul li .i1{
        display: inline-block;
        width: 25px;
        height: 25px;
        background-image: url('https://i0.ulecdn.com/ule/www/hp/2016/0914/images/sprite_category2018.png');
        background-repeat: no-repeat;
    }
    #cont>ul li .i2{
        display: inline-block;
        width: 25px;
        height: 25px;
        background-image: url('https://i0.ulecdn.com/ule/www/hp/2016/0914/images/sprite_category2018.png');
        background-repeat: no-repeat;
    }
    #cont .cont-div{
        width: 1200px;
        margin: 0 auto;
    }
    #cont .cont-div ul{
        height: 260px;
        border-top: 1px solid #999999;
        overflow: hidden;
        position: relative;
        margin-bottom: 20px;
        
    }
    #cont .cont-div ul li{
        width: 219px;
        background-color: #FFFFFF;
        text-align: center;
        display: inline-block;
        border-right: 1px solid #e9e9e9;
        padding: 0 10px;
    }
    #cont .cont-div ul li:hover{
        box-shadow: 0 15px 30px -14px rgb(0 36 100 / 30%);
        transition: box-shadow .5s;
        transform: translateY(-4px);
        position: relative;
        z-index:99;
    }
    #cont .cont-div li p{
        white-space : nowrap;
        overflow : hidden;
        text-overflow : ellipsis;
        margin-bottom: 10px;
    }
     #cont .cont-div li span{
         font-size: 20px;
         color: red;
         
     }
     .fae-image{
         width: 1200px;
         margin: 0 auto;
         margin-bottom: 20px;
     }
     .fae-image:hover img{
         opacity: 0.8;
     }
#Totop ul li{
    position: fixed;
    left: 300px;
    bottom: 200px;
}